﻿@charset "utf-8";
@font-face {
  font-family: 'iconfont';  /* project id 591377 */
  src: url('//at.alicdn.com/t/font_591377_pstz373m42i.eot');
  src: url('//at.alicdn.com/t/font_591377_pstz373m42i.eot?#iefix') format('embedded-opentype'),
  url('//at.alicdn.com/t/font_591377_pstz373m42i.woff2') format('woff2'),
  url('//at.alicdn.com/t/font_591377_pstz373m42i.woff') format('woff'),
  url('//at.alicdn.com/t/font_591377_pstz373m42i.ttf') format('truetype'),
  url('//at.alicdn.com/t/font_591377_pstz373m42i.svg#iconfont') format('svg');
}
@font-face{
     font-family: 'Agency FB'; 
     src:url('../fonts/AGENCYR.woff') format('woff'),
	 	 url('../fonts/AGENCYR.woff2') format('woff2'),
         url('../fonts/AGENCYR.ttf') format('truetype'),
         url('../fonts/AGENCYR.svg') format('svg');
}


:hover{
-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/	
}
.iconfont {
          font-family:"iconfont" !important;
          font-size:1.6rem;
          font-style:normal;
          -webkit-font-smoothing: antialiased;
          -webkit-text-stroke-width: 0.01rem;
          -moz-osx-font-smoothing: grayscale;
        }
		
/* CSS Document */		
/*边距清零*/
div,ul,li,p,dl,dt,dd,h1,h2,h3,h4,h5,h6,ol{margin:0; padding:0; font-weight:normal;box-sizing:border-box;}
form,span,input,select{margin:0; padding:0;outline:none;}




/*----------------------------------------------------------总体设置----------------------------------------------------------*/
html{margin:0 auto;padding:0;font-size:14px; background:url(../images/bg.jpg) no-repeat center bottom;font-family:'微软雅黑'; box-sizing:border-box; min-height:100%; background-size:cover; }
body{color:#666; margin:0 auto;padding:0; background:none; min-height:100%;}
a:link,a:visited{color:#666; text-decoration: none;}
a:active{color:#666; text-decoration:none;}
a:hover{color:#f00;}
a{blr:expression(this.onFocus=this.blur())}/*去掉a标签虚线*/
p{ margin:0; padding:0;}
img{ margin:0; padding:0; border:0;}
ul,li{ list-style-type:none; margin:0; padding:0;}
/*公共*/
.clear{ clear:both;}
.nothing{font-size:14px; font-weight:bold; color:#fe5a0a; text-align:left;}/*资料整理中*/
.floatL{ float:left;}
.floatR{ float:right;}
.w1100{ max-width:1290px; margin:0 auto;  z-index:1000;  }
.qy_w1200{max-width: 1200px;margin: 0 auto;position: relative;display: block;/*background: salmon;*/}
.hoverimg img{-webkit-transition-duration: 0.5s; /*Webkit: Animation duration*/
-moz-transition-duration: 0.5s; /*Mozilla duration version*/
-o-transition-duration: 0.5s; /*Opera duration version*/}
.hoverimg img:hover{
-webkit-transform:scale(1.2); /*Webkit: Scale up image to 1.2x original size*/
-moz-transform:scale(1.2); /*Mozilla scale version*/
-o-transform:scale(1.2); /*Opera scale version*/
}
.clearfix:before, .clearfix:after {
  content: "";
  display: table;
}

.clearfix:after {
  clear: both;
}

.clearfix {
  zoom: 1;
}

.logo{ margin:0 auto; width:590px; padding:30px 0 20px 0;}
.logo_text{ text-align:center; line-height:2; font-size:16px; text-transform:capitalize;}
.logo_text h2{ color:#ff5a00; font-size:30px;}

.logo_jidi{ max-width:1260px; margin:0 auto; text-align:center;}
.logo_jidi h2{ font-size:32px; color:#000; font-weight:bold; padding:30px;}
.logo_jidi li{ width:30%; float:left; margin-right:2%; margin-bottom:10px; text-align:left; font-size:18px; color:#222;}
.logo_jidi li:nth-child(3n){ margin-right:0;}

.logo_link{ width:700px; margin:40px auto; z-index:1000; position:relative;}
.logo_link li{ width:166px; height:60px; float:left; line-height:60px; border-radius:60px; background:#ff5a00; color:#fff; font-size:25px; text-align:center;}
.logo_link li:last-child{ float:right; background:#0597dc;}
.logo_link li a{ display:block; color:#fff;}
.logo_link li:hover{ background:#f00;}

.bottom_map{ position:relative; width:100%; height:120px;}
.bottom_text{ position:relative; text-align:center; z-index:100000; }
.bottom_text a{ display:inline-block; margin:0 20px; }

.map{ width:197px; height:197px; position:absolute; left:50%; bottom:40%; margin-left:-98.5px;
 background: url('../images/1.png');
    border-radius: 50%;
animation:myfirst 5s linear infinite; -webkit-animation:myfirst 5s linear infinite; animation-play-state:running; -webkit-animation-play-state:running;
	
}
.map:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}


@media (max-width:768px){
	
html{margin:0 auto;padding:0;font-size:14px; background:url(../images/bg.jpg) no-repeat center bottom; overflow:visible;  overflow-x:hidden;font-family:'微软雅黑'; box-sizing:border-box; min-height:auto; }


.logo{ margin:0 auto; width:100%; padding:3%;}
.logo img{ display:block; max-width:100%;}
.logo_text{ text-align:center; line-height:1.5; font-size:12px; text-transform:capitalize; padding:3%;}
.logo_text h2{ color:#ff5a00; font-size:18px; font-weight:bold;}

.logo_jidi{ max-width:1260px; margin:0 auto; text-align:center;}
.logo_jidi h2{ font-size:22px; color:#000; font-weight:bold; padding:20px;}
.logo_jidi li{ width:100%; float:none; margin:0; padding:3%; border-bottom:1px solid #eee; text-align:left; font-size:15px; color:#222;}
.logo_jidi li:last-child{ border-bottom:0;}

.logo_link{ width:80%; margin:20px auto; z-index:1000; position:relative;}
.logo_link li{ width:136px; height:40px; float:left; line-height:40px; border-radius:40px; background:#ff5a00; color:#fff; font-size:18px; text-align:center;}
.logo_link li:last-child{ float:right; background:#0597dc;}
.logo_link li a{ display:block; color:#fff;}
.logo_link li:hover{ background:#f00;}

.bottom_map{ position:relative; width:100%; height:230px;}


.map{ width:150px; height:150px; position:absolute; left:50%; bottom:35%; margin-left:-75px;
 background: url('../images/1.png'); background-size:150px 150px;
    border-radius:150px;
animation:myfirst 5s linear infinite; -webkit-animation:myfirst 5s linear infinite; animation-play-state:running; -webkit-animation-play-state:running;
	
}
.map:hover {animation-play-state:paused; -webkit-animation-play-state:paused;}

}




@keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}
@-webkit-keyframes myfirst {0% {transform:rotate(0deg);} 100% {transform:rotate(360deg);}}


img{vertical-align: middle}

.moneybox{width: 100%;height: 100%; z-index:0; }
#leafContainer {	position: absolute;	width: 100%;  height: 100%;  overflow: hidden;}
#leafContainer >div {	position: absolute;	-webkit-animation-iteration-count: infinite, infinite;	-webkit-animation-direction: normal, normal;	-webkit-animation-timing-function: linear, ease-in;}
#leafContainer >div >img {	position: absolute; display:block; -webkit-animation-iteration-count: infinite;	-webkit-animation-direction: alternate;	-webkit-animation-timing-function: ease-in-out;	-webkit-transform-origin: 50% -100%;}

@-webkit-keyframes fade { 0% {opacity: 1;} 85% {opacity: 1;} 100% {opacity: 0;}}
@-webkit-keyframes drop { 0% {-webkit-transform: translate(0px, -50px);} 100% {-webkit-transform: translate(0px, 850px);}}
@-webkit-keyframes clockwiseSpin { 0% {-webkit-transform: rotate(-50deg);} 100% {-webkit-transform: rotate(50deg);}}
@-webkit-keyframes counterclockwiseSpinAndFlip { 0% {-webkit-transform: scale(-1, 1) rotate(50deg);} 100% {-webkit-transform: scale(-1, 1) rotate(-50deg);}}
